<template>
  <div class="personInfo">
    <h3>个人信息</h3>
    <ul>
      <li>
        <RouterLink to="/personInfo" class="info">个人信息</RouterLink>
      </li>
      <li>
        <RouterLink to="/checkInfo" class="check">核对信息</RouterLink>
      </li>
    </ul>
    <!--展示区-->
    <RouterView></RouterView>
  </div>
</template>

<script setup lang="ts" name="PersonInfo">
import { RouterLink, RouterView } from "vue-router";
</script>

<style scoped>
.personInfo {
  background-color: rgb(223, 250, 250);
  box-shadow: 0 0 10px;
  border-radius: 10px;
}
li {
  list-style-type: none;
}
hr {
  color: rgb(63, 116, 239);
}
.info {
  text-decoration: none;
}
.check {
  text-decoration: none;
}
</style>